<%@ page language="java" contentType="text/html" pageEncoding="utf-8"%>
<%@ include file="header.jsp" %>
<head>
<script type="text/javascript" src="<%=request.getContextPath()%>/m/js/huaping.js"></script>
<link rel="stylesheet" type="text/css" href="m/css/change.css">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no,minimum-scale=1,maximum-scale=1.0" />
<meta name="format-detection" content="telephone=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<title>活动列表 - 红高粱</title>
<script type="text/javascript" src="m/js/jquery.min.js"></script>
<script type="text/javascript" src="m/js/cart.js"></script>
<style type="text/css">
body{ background-image:url("m/images/c_shop_bg2.png"); height:auto;margin-bottom:15%;}
h2{ font:bold 21px "黑体"; color:#444;}
h3{color:#999; font-size:14px; font-weight:normal; padding:0 0 15px;}
*{ margin:0; padding:0;}
.sub_main .about{width:88%; margin:0 auto;border:1px solid #ccd0d3;border-radius:0.3em;padding:8px; box-shadow:0 1px 2px #ccd0d3;overflow:hidden;margin-top:0.6em; background-color:#f7f8fa;}
.sub_main .about .image img{width:100%; margin-top:10px;}
.sub_main .about a {text-decoration:none;}
.sub_main .about a p{color:#666; line-height:1em; margin:0.4em 0 0 0;font:normal 14px "黑体";  }
</style>
</head>

<body>
<div class="main" style="margin-top:40px; width=100%;">
<section>
	<div class="scroll">
		<div class="slide_01" id="slide_01">
			<div>
				<div>
				<c:forEach var="activity" items="${actPojos}" varStatus="var">
					<div class="mod_01">
						<a href="<c:url value="/detailActivity/${activity.id}.html"/>"><img src="${activity.images }" alt="${activity.activityName }"></a>
                        <div class="txt">&nbsp;&nbsp;${activity.activityName }</div>
					</div>
				</c:forEach>
				</div>
			</div>
		</div>
		<div class="dotModule_new">
			<div id="slide_01_dot">
			</div>
		</div>
	</div>
</section>
<script type="text/javascript">
 if(document.getElementById("slide_01")){
	  var slide_01 = new ScrollPic();
	  var winWidth = document.documentElement.clientWidth;
	  slide_01.scrollContId   = "slide_01"; //内容容器ID
	  slide_01.dotListId      = "slide_01_dot";//点列表ID
	  slide_01.dotOnClassName = "selected";
	  slide_01.arrLeftId      = "sl_left"; //左箭头ID
	  slide_01.arrRightId     = "sl_right";//右箭头ID
	  slide_01.frameWidth     = winWidth;
	  slide_01.pageWidth      = winWidth;
	  slide_01.upright        = false;
	  slide_01.speed          = 10;
	  slide_01.space          = 30; 
	  slide_01.initialize(); //初始化
}
</script>
</div>
	<div class="sub_main">
    	<ul>
    		<c:forEach var="activity" items="${actPojos}" varStatus="var">
    			<li>
	              <div class="about">
	                  <h2>${activity.activityName }</h2>
	                  <a href="<c:url value="/detailActivity/${activity.id}.html"/>">            
	                      <div class="image"><img src="${activity.images }"></div>                
	                      <p>${activity.summary }</p> 
	                  </a>               
	             </div>
          		</li>
    		</c:forEach>
        </ul>    
        
    </div>
</body>
<%@ include file="footer.jsp" %>
</html>